<!DOCTYPE html>
<html lang="en">
<head>
    <tc_include file="Public:head" />
    <title>{$name} {$seo_title} {$site_name}</title>
    <meta name="keywords" content="{$seo_keywords}" />
    <meta name="description" content="{$seo_description}">
    <meta name="author" content="成都千峰云科技有限公司">
    <!--common-->
    <link rel="stylesheet" href="__TMPL__Public/css/common-m.css">
    <link href="__PUBLIC__/TciocEx/css/style-responsive.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/TciocEx/js/html5shiv.js"></script>
    <script src="__PUBLIC__/TciocEx/js/respond.min.js"></script>
    <![endif]-->
    <!-- Placed js at the end of the document so the pages load faster -->
    <script src="__PUBLIC__/TciocEx/js/jquery-1.10.2.min.js"></script>
    <script src="__PUBLIC__/TciocEx/js/bootstrap.min.js"></script>
    <!-- 必须引入的文件 -->
    <link rel="stylesheet" href="__PUBLIC__/js/nprogress/nprogress.css">
    <script src="__PUBLIC__/js/jquery.pjax/jquery.pjax.js"></script>
    <script src="__PUBLIC__/js/nprogress/nprogress.js"></script>
    <style>
        .news_list{
            /*overflow: hidden;*/
            padding-bottom: 50px;
            height: auto;
            min-height: 100%;
            height:100%;
        }
        .list{
            width: 100%;
            border-bottom: 1px solid #999999;
            padding: 2rem 0;

        }
        .list_img{  float: left;width: 38.3%; height: 100%; }
        .list_img img{  width: 100%  }
        .list_con{ height: 100%;width:59%;margin-left: 41%;}
        .list_con a{text-decoration: none;}
        .list_con .title{ color: #666666;font-size:1.3rem; line-height: 2.8rem;font-weight: bold;margin: auto }
        .list_con .p1{ color: #999999;font-size: 1rem;line-height: 2rem;}
        .page {margin:40px 0 80px 0;}
        @media (min-width: 310px) and (max-width: 360px) {
            .list{ padding: 14px 0;}
            .list_con .title { font-size: 1.2rem; margin: 5px 0 5px;}
            .list_con .p1{ font-size: 1rem;line-height: 1.5rem;}
            .list_img{ padding-top: 16px }
        }
    </style>

</head>
<body  style="font-size: 62.5%">
<tc_include file="Public:nav" />
<php>
    $term_id=$_GET['id'];
    $term=sp_get_term($term_id );//获取当前分类信息
    $path=preg_split("/-|and/", $term['path']);
    $term_list=sp_get_child_terms($path['1']);
    $terms=sp_get_term($path['1']);//获取一级分类信息
    $term_name=sp_get_term($path['2'] );//获取二级分类信息
    array_unshift($term_list,array('term_id'=>$path['1'],'name'=>'全部'));
    $lists=sp_sql_posts_paged_bycatid($term_id,"order:istop desc,listorder DESC,post_modified DESC;where:recommended=0;",5,"{liststart}{list}{listend}");
</php>
<div class="child-nav" style="">
    <div class=" bottom-margin-10" >
        <div class=" navbar-header" style="background-color: #2495e4">
            <button  style="" class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#second" aria-controls="menus" aria-expanded="false">
                <span  class="navbar_name" style="">{$term_name['name']?$term_name['name']:全部} </span>
                <span style="float: right"><img src="__TMPL__Public/images/back.png"></span>
            </button>
        </div>
        <div class="navbar-list" style="">
            <div class="col-lg-8 navbar-collapse collapse" id="second" aria-expanded="false">
                <ul id="main-menu" class="nav ">
                    <volist name="term_list" id="te" key="k">
                        <li class="li-class <eq name='term_id' value='$te.term_id'> nav-active </eq>  " >
                            <a href="{:leuu('list/index',array('id'=>$te['term_id']))}"  >
                                {$te.name}
                            </a>
                        </li>
                    </volist>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="news_list " style="width: 100%;margin: 0 auto; ">

    <div class="content " style="width: 94.66%;margin: 0 auto">
        <volist name="lists['posts']" id="vo" key="k">
            <php> $smeta=json_decode($vo['smeta'],true);</php>
                <div class="list">
                    <div style="    overflow: hidden;">
                        <div class="list_img">
                            <a href="{:leuu('article/index',array('id'=>$vo['object_id'],'cid'=>$vo['term_id']))}">
                                <if condition="!empty($smeta['thumb'])">
                                    <img src="{:sp_get_asset_upload_path($smeta['thumb'])}"  >
                                    <else />
                                    <img src="__TMPL__Public/images/news1.png">
                                </if>
                            </a>
                            </div>
                        <div class="list_con">
                            <a href="{:leuu('article/index',array('id'=>$vo['object_id'],'cid'=>$vo['term_id']))}">
                                <p class="title">{:msubstr($vo['post_title'],0,12)}</p>
                                <p class="p1">{:msubstr($vo['post_excerpt'],0,30)}</p>
                            </a>
                        </div>
                    </div>
                </div>
            </volist>
        <div class="text-center">
            <ul class="pagination">
                {$lists['page']}
            </ul>
        </div>
    </div>
</div>
<tc_include file="Public:footer" />

</body>
</html>
<script>
    $(function () {
        $('.slide-nav .content ul li:eq(-1)').css("border-bottom","none ");
    })
</script>
<script>
    $(function(){
        /* 使用pjax + NProgress 插件  */
        //$(document).pjax('a[data-pjax="true"]',"#content",{scrollTo:false,type:"post"});
        $.pjax.defaults.timeout = 3000;
        $(document).pjax('a[data-pjax="true"]',".news_list",{scrollTo:false,type:"post",fragment:('.news_list'),show:'fade'});
        NProgress.configure({showSpinner: false});
        NProgress.start();
        $(window).load(function() {NProgress.done();});
        $(document).on('pjax:start', function() { NProgress.start(); });
        $(document).on('pjax:end',   function() { NProgress.done(); });
    });
</script>
<!--导航-->
<script>
    function opennav(obj){
        $('.nav_open').css("display",'none');
        $('.nav_close').css("display",'block');
        $('.navigation').css("display",'block');
    }
    function closenav(){
        $('.nav_open').css("display",'block');
        $('.nav_close').css("display",'none');
        $('.navigation').css("display",'none');
    }
    $(document).ready(function(){
        /*获取屏幕的高度*/
        var ow = $(window).height();
        var oh = ow-120;
        $(".navigation").css("height",oh);
    });

</script>